.journalList{
    height: 100%;
    .list1{
        height: 50%;
        .button{
            display: inline-flex;
            .add{
                margin: 5px;
            }
            .approve{
                margin: 5px;
            }
            .delete{
                position: absolute;
                right: 0;
                margin: 5px;
            }
        }
        .table{
            .journal-col{
                text-align: center;
            }
        }
    }
    .list2{
        height: 50%;
        .button{
            display: inline-flex;
            .resume{
                margin: 5px;
            }
        }
        .table{
            .journal-col{
                text-align: center;
            }
        }
    }
}

.journalEdit{
    height: 100%;
    .list1{
        height: 50%;
        .button{
            // display: inline-flex;
            .common{
                margin: 5px;
                display: inline-block;
            }
            .delete{
                position: absolute;
                right: 0;
            }
        }
        .table{
            .journal-col{
                text-align: center;
            }
        }
        .ant-table .ant-table-row-indent+.ant-table-row-expand-icon {
            margin-right: 8px;
            color: red;
        }
    }
    .list2{
        height: 50%;
        .button{
            // display: inline-flex;
            .common{
                margin: 5px;
                display: inline-block;
            }
            .right{
                float: right;
            }
        }
        .search{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            margin-top: 8px;
            .title{
                font-size: 16px;
            }
            .condition{
                display: flex;
                justify-content: flex-end;
                align-items: center;
                margin-right: 5px;
            }
            .inline{
                display: flex;
                align-items: center;
                margin-left: 8px;
            }
        }
        .table{
            .journal-col{
                text-align: center;
            }
        }
    }
}